video{-o-object-fit:fill;object-fit:fill}
.wow{visibility:hidden}body,
html{position:relative;overflow:hidden;width:100%;height:100%}
.webkit-overflow-scrolling,body{-webkit-overflow-scrolling:touch}
.nav .menu_icon .line{background:#3a3a3a}
.nav.js-nav .bbs{color:#3a3a3a}.nav.js-nav .logo{background:url(../img/logo9.png) no-repeat 50%;background-size:contain;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.breeno-wrapper{position:relative;overflow:scroll;width:100%;height:100vh}.breeno-wrapper-inner{background:#1c1b20;text-align:center;min-height:200vh}.banner{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:26.7vh;height:100vh;min-height:150vw}.banner .banner-gif{position:absolute;top:26.7vh;left:calc(50% - 1.6rem);width:3.2rem;height:3.2rem}.banner .banner-oval,.banner .banner-text{position:absolute;top:calc(26.7vh + 2.55rem);left:0;width:100%;text-align:center}.banner .banner-oval{width:100%}.banner .banner-text{padding-top:1.27rem;color:#fff;font-family:OPPOSans-Bold}.banner .banner-text .banner-text-top{opacity:0;-webkit-transform:translateY(.15rem);transform:translateY(.15rem);font-size:.42rem;line-height:.42rem;margin-bottom:.42rem}.banner .banner-text .banner-text-bottom{opacity:0;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);font-size:.54rem;line-height:.72rem}.banner .banner-text.banner-text-show .banner-text-top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .5s;transition:all .5s}.banner .banner-text.banner-text-show .banner-text-bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .5s .25s;transition:all .5s .25s}.section-title{font-family:OPPOSans-Bold;font-size:.84rem;color:#fff;margin-bottom:.25rem;-webkit-animation:sectionTitleSlide ease-in;animation:sectionTitleSlide ease-in;overflow:hidden;white-space:nowrap}.section-title-bar{width:0;height:.14rem;background:#fff}.section-title-bar.into-view{width:.64rem;-webkit-transition:width 1.3s ease-in;transition:width 1.3s ease-in}.section-description{color:#fff}.section-description-title{margin-bottom:.34rem;font-family:OPPOSans-Bold;font-size:.56rem;line-height:1em}.section-description-sub{margin-bottom:.4rem;font-family:OPPOSans-Regular;font-size:.3rem;line-height:.46rem;width:18em}.section-button-more{margin-bottom:1.6rem;width:4.2rem;height:.8rem;padding-left:.43rem;padding-right:.43rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #fff;border-radius:.43rem;color:#fff;line-height:.7rem;font-size:.3rem;overflow:hidden}.section-button-more span{float:right;font-size:.4rem;line-height:.65rem}@-webkit-keyframes sectionTitleSlide{0%{width:0}to{width:5.4rem}}@keyframes sectionTitleSlide{0%{width:0}to{width:5.4rem}}.breeno-even{position:relative;width:100%;overflow:hidden;z-index:2;text-align:left}.breeno-even .section-description,.breeno-even .section-title,.breeno-even .section-title-bar{margin-left:.5rem}.breeno-even .section-title{margin-top:1rem}.breeno-even .breeno-even-middle{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;overflow:hidden;font-size:0}.breeno-canvas{position:absolute;left:0;top:0;z-index:1;height:100%;border-radius:.12rem}.advice,.goods,.screen,.space{position:relative;display:inline-block;overflow:hidden;width:6.79rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.12rem;font-size:0}.breeno-odd{text-align:left;margin:1.6rem 0 0 .85rem}.breeno-odd .section-title-bar{background:-webkit-gradient(linear,right top,left top,from(#9600ff),to(#ff001e));background:linear-gradient(-90deg,#9600ff,#ff001e)}.goods .breeno-even-middle{position:relative;margin:1rem 0 .8rem .5rem}.goods .breeno-even-middle .goods-phone{width:3.6rem;height:7.54rem}.goods .breeno-even-middle .goods-phone:first-of-type{position:relative;z-index:1}.goods .breeno-even-middle .goods-phone:last-of-type{position:absolute;left:0;top:0;z-index:0;width:3.6rem;opacity:0}.goods .breeno-even-middle .goods-phone:last-of-type.into-view{left:3.8rem;opacity:1;-webkit-transition:all 1s ease-in 1.8s;transition:all 1s ease-in 1.8s}.quick .quick-middle{position:relative;margin-top:1rem;margin-bottom:.8rem;font-size:0}.quick .quick-middle .quick-phone{position:absolute;left:.08rem;top:.12rem;z-index:1;height:7.28rem;width:3.48rem;border-radius:.4rem}.quick .quick-middle .quick-phone-frame{position:relative;height:7.56rem;width:3.6rem;z-index:2}.screen .breeno-even-middle{margin:1rem .57rem .8rem;position:relative;height:8.68rem;width:5.67rem}.screen .breeno-even-middle .screen-phone-wrapper{-webkit-transform:translateY(-3.3rem);transform:translateY(-3.3rem);-webkit-animation:screenSlideInDown;animation:screenSlideInDown}.screen .breeno-even-middle .screen-phone{width:100%}.screen .breeno-even-middle .screen-phone-wave{position:absolute;left:-.05rem;top:3.4rem;width:5.8rem;-webkit-transform:scale(0);transform:scale(0)}.screen .breeno-even-middle .screen-phone-fingerprint{position:absolute;left:calc(50% - .82rem);top:5.48rem;width:1.64rem;opacity:0}.screen .breeno-even-middle .screen-phone-wrapper.into-view .screen-phone-wave{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .7s ease-in 1.05s;transition:-webkit-transform .7s ease-in 1.05s;transition:transform .7s ease-in 1.05s;transition:transform .7s ease-in 1.05s,-webkit-transform .7s ease-in 1.05s}.screen .breeno-even-middle .screen-phone-wrapper.into-view .screen-phone-fingerprint{opacity:1;-webkit-transition:opacity .5s ease-in .55s;transition:opacity .5s ease-in .55s}@-webkit-keyframes screenSlideInDown{0%{-webkit-transform:translateY(-3.44rem);transform:translateY(-3.44rem)}to{-webkit-transform:translateY(-2.94rem);transform:translateY(-2.94rem)}}@keyframes screenSlideInDown{0%{-webkit-transform:translateY(-3.44rem);transform:translateY(-3.44rem)}to{-webkit-transform:translateY(-2.94rem);transform:translateY(-2.94rem)}}.voice .voice-middle{margin-top:1rem;margin-bottom:.8rem;font-size:0}.voice .voice-middle .voice-phone{height:7.55rem;width:3.6rem}.advice .breeno-even-middle{margin-top:.81rem;margin-bottom:.8rem}.advice .breeno-even-middle .advice-phone-left{float:left;margin-left:-.68rem;margin-top:.28rem;width:3.99rem}.advice .breeno-even-middle .advice-phone-right{margin-right:-.68rem;float:right;width:3.99rem}.advice .breeno-even-middle img{width:100%;margin-bottom:.2rem}.advice .breeno-even-middle li:last-of-type img{margin-bottom:0}.drive .drive-middle{margin-top:1rem;margin-bottom:.8rem;font-size:0}.drive .drive-middle .drive-phone{width:5.9rem;height:8.86rem}.space .breeno-even-middle{margin:1rem .7rem .8rem;position:relative;height:8.68rem;width:5.4rem}.space .breeno-even-middle .space-phone-wrapper{-webkit-transform:translateY(-2.65rem);transform:translateY(-2.65rem);-webkit-animation:spaceSlideInDown;animation:spaceSlideInDown}.space .breeno-even-middle .space-phone{width:100%}.space .section-description-sub{margin-bottom:1.6rem}@-webkit-keyframes spaceSlideInDown{0%{-webkit-transform:translateY(-3.15rem);transform:translateY(-3.15rem)}to{-webkit-transform:translateY(-2.65rem);transform:translateY(-2.65rem)}}@keyframes spaceSlideInDown{0%{-webkit-transform:translateY(-3.15rem);transform:translateY(-3.15rem)}to{-webkit-transform:translateY(-2.65rem);transform:translateY(-2.65rem)}}.privacy{margin-top:2rem;text-align:center;color:#fff;font-size:0}.privacy .privacy-text-top{font-family:OPPOSans-Bold;font-size:.72rem;line-height:.86rem}.privacy .privacy-icon-wrapper{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:1rem;height:4.2rem;width:4.2rem;border-radius:50%;background:#000;border:0 solid #1c1b20}.privacy .privacy-icon{position:absolute;left:calc(50% - 1.05rem);top:calc(50% - 1.05rem);width:2.1rem;-webkit-transform:scale(0);transform:scale(0)}.privacy .privacy-description{display:inline-block;margin-top:.49rem;width:5.94rem;font-family:OPPOSans-Regular;font-size:.3rem;line-height:.46rem}.privacy .privacy-jump{padding-top:.21rem;padding-bottom:.1rem;font-family:OPPOSans-Regular;font-size:.3rem;color:#e23294;line-height:.3rem}.privacy .privacy-jump-arrow{fill:#e23294;width:.38rem;height:.38rem;display:inline-block;vertical-align:sub}.privacy .privacy-icon-wrapper.into-view .privacy-icon{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1.5s ease-in;transition:-webkit-transform 1.5s ease-in;transition:transform 1.5s ease-in;transition:transform 1.5s ease-in,-webkit-transform 1.5s ease-in}.developZoomIn{-webkit-animation:developZoomIn ease-in;animation:developZoomIn ease-in}@-webkit-keyframes developZoomIn{0%{opacity:0;border-width:1.6rem}35%{opacity:0;border-width:1.6rem}to{border-width:0}}@keyframes developZoomIn{0%{opacity:0;border-width:1.6rem}35%{opacity:0;border-width:1.6rem}to{border-width:0}}.privacy.develop{margin-top:1.32rem;padding-bottom:2.92rem}.breeno-modal
{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:999992;overflow:auto;background:#1c1a20;}
/* .breeno-modal{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:999992;overflow:auto;background:#1c1a20;opacity:.5} */
.breeno-modal .breeno-modal-inner{position:relative;min-height:101%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1.2rem;overflow:scroll;-webkit-overflow-scrolling:touch}.breeno-modal .breeno-modal-close{position:fixed;z-index:9;right:.6rem;top:.4rem;z-index:99;width:1.1rem;height:1.1rem;background:url(../img/breeno/card/close-circle.png) no-repeat 50%;background-size:contain;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.breeno-modal .breeno-modal-close.breeno-close-active{-webkit-transform:none;transform:none}.breeno-modal .breeno-modal-close.breeno-close-active:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.breeno-modal .card-wall{min-height:105vh;padding-bottom:2.2rem;position:relative;z-index:2}.breeno-modal .breeno-card{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);margin:0 .55rem .3rem;border-radius:.12rem;background:#edeef9;text-align:center;overflow:hidden;font-size:0}.breeno-modal .card-text{padding-top:.8rem;padding-bottom:.5rem;font-family:OPPOSans-Bold;font-size:.48rem;line-height:.6rem;color:#000;text-align:center}.breeno-modal .card-phone-wrapper{display:inline-block;position:relative;overflow:hidden;width:3.6rem;font-size:0}.breeno-modal .card-phone-frame{position:relative;z-index:2;width:100%}.breeno-modal .card-phone,.breeno-modal .card-play-mask{position:absolute;left:.08rem;top:.13rem;width:95%;-o-object-fit:fill;object-fit:fill;z-index:1;border-radius:.37rem}.breeno-modal .card-phone-camera .card-phone,.breeno-modal .card-phone-camera .card-play-mask{top:.6rem;border-radius:.4rem}.breeno-modal .card-phone-camera .card-play-button{top:calc(50% - .25rem)}.breeno-modal .card-phone-camera-small .card-phone,.breeno-modal .card-phone-camera-small .card-play-mask{top:.5rem;border-radius:.4rem}.breeno-modal .card-phone-camera-small .card-play-mask{height:7.45rem}.breeno-modal .card-phone-camera-small .card-play-button{top:calc(50% - .29rem)}.breeno-modal .card-play-mask{background:rgba(0,0,0,.5);height:6.63rem;z-index:3;-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1)}.breeno-modal .special.card-play-mask{height:6.63rem}.breeno-modal .card-play-button{position:absolute;top:calc(50% - .5rem);left:calc(50% - .5rem);z-index:4;width:1rem;height:1rem}.breeno-modal .card-play-button .triangle-right{position:absolute;width:0;height:0;top:calc(50% - .16rem);left:calc(50% - .12rem);z-index:2;border-top:.16rem solid transparent;border-left:.24rem solid #fff;border-bottom:.16rem solid transparent}.breeno-modal .card-play-button .card-play-cirlce{position:relative;width:100%;height:100%;stroke-dasharray:255%;margin-left:-.04rem;stroke:#fff;fill:none;stroke-dashoffset:255%;-webkit-animation:solid-circle 1s cubic-bezier(.39,.575,.565,1) forwards;animation:solid-circle 1s cubic-bezier(.39,.575,.565,1) forwards}.breeno-modal .card-play-hide.card-play-mask{opacity:0;background:transparent}.breeno-modal .card-play-hide.card-play-button .triangle-right{opacity:0;-webkit-transition:opacity .3s ease .8s;transition:opacity .3s ease .8s}.breeno-modal .card-play-hide.card-play-button .card-play-cirlce{stroke-dashoffset:255%;-webkit-animation:dash 1s ease forwards;animation:dash 1s ease forwards}@-webkit-keyframes dash{to{stroke-dashoffset:255%}}@keyframes dash{to{stroke-dashoffset:255%}}@-webkit-keyframes solid-circle{to{stroke-dashoffset:0%}}@keyframes solid-circle{to{stroke-dashoffset:0%}}@-webkit-keyframes fadeInUpBreeno{0%{opacity:.6;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1}}@keyframes fadeInUpBreeno{0%{opacity:.6;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1}}.fadeInUpBreeno{-webkit-animation-name:fadeInUpBreeno;animation-name:fadeInUpBreeno}.goods-modal .breeno-card:first-of-type .card-phone-wrapper{height:7.55rem;margin-bottom:1rem}.goods-modal .breeno-card:nth-of-type(2) .card-phone-wrapper{width:4.2rem;height:6rem}.goods-modal .breeno-card:nth-of-type(3) .card-phone-wrapper{height:6.8rem}.goods-modal .breeno-card:nth-of-type(4) .card-phone-wrapper{height:8rem;margin-bottom:1rem}.goods-modal .breeno-card:nth-of-type(5) .card-phone-wrapper{height:6.9rem}.goods-modal .breeno-card:nth-of-type(6) .card-phone-wrapper{width:4.2rem;height:7.2rem}.goods-modal .breeno-card:nth-of-type(7) .card-phone-wrapper{width:4.2rem;height:6.8rem}.goods-modal .breeno-card .card-play-mask.full-height{height:7.33rem}.quick-modal .breeno-card:first-of-type .card-phone-wrapper{width:4.2rem;height:7.06rem}.quick-modal .breeno-card:nth-of-type(2) .card-phone-wrapper{width:4.2rem;height:5.66rem}.quick-modal .breeno-card:nth-of-type(3) .card-phone-wrapper{width:4.2rem;height:6.06rem}.quick-modal .breeno-card:nth-of-type(4) .card-phone-wrapper{height:8rem;margin-bottom:1rem}.quick-modal .breeno-card:nth-of-type(5) .card-phone-wrapper{height:6.9rem}.quick-modal .breeno-card:nth-of-type(6) .card-phone-wrapper{width:4.2rem;height:7.2rem}.quick-modal .breeno-card:nth-of-type(7) .card-phone-wrapper{width:4.2rem;height:6.8rem}.screen-modal .breeno-card .card-phone-wrapper{margin-bottom:1rem;height:7.55rem}.voice-modal .breeno-card .card-text{padding-top:.55rem;padding-bottom:1rem}.voice-modal .breeno-card .card-phone-wrapper .card-phone{position:absolute;bottom:.15rem;left:.08rem;top:auto}.voice-modal .breeno-card .card-phone-wrapper .card-phone-frame{position:absolute;bottom:0;left:0}.voice-modal .breeno-card:first-of-type .card-phone-wrapper{width:4.2rem;height:5.6rem}.voice-modal .breeno-card:nth-of-type(2) .card-phone-wrapper,.voice-modal .breeno-card:nth-of-type(3) .card-phone-wrapper{height:6.83rem}.voice-modal .breeno-card:nth-of-type(4) .card-phone-wrapper,.voice-modal .breeno-card:nth-of-type(5) .card-phone-wrapper{width:4.2rem;height:5.6rem}.voice-modal .breeno-card:nth-of-type(6) .card-phone-wrapper{width:4.2rem;height:4.64rem}.advice-modal .breeno-card .card-text{padding-top:.55rem;padding-bottom:1rem}.advice-modal .breeno-card .card-phone-wrapper .card-phone{position:absolute;bottom:.15rem;left:.08rem;top:auto}.advice-modal .breeno-card .card-phone-wrapper .card-phone-frame{position:absolute;bottom:0;left:0}.advice-modal .breeno-card:first-of-type .card-phone-wrapper{width:4.2rem;height:6.83rem}.advice-modal .breeno-card:nth-of-type(2) .card-phone-wrapper,.advice-modal .breeno-card:nth-of-type(3) .card-phone-wrapper{width:4.2rem;height:5.6rem}.advice-modal .breeno-card:nth-of-type(4) .card-phone-wrapper{width:4.2rem;height:4.08rem}.fadeInDownMiddle{-webkit-animation-name:fadeInDownMiddle;animation-name:fadeInDownMiddle}@-webkit-keyframes fadeInDownMiddle{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownMiddle{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.drive-modal .breeno-card .card-text{padding-top:.55rem;padding-bottom:1rem}.drive-modal .breeno-card .card-phone-wrapper .card-phone,.drive-modal .breeno-card .card-phone-wrapper .card-play-mask{position:absolute;bottom:.15rem;left:.08rem;top:auto}.drive-modal .breeno-card .card-phone-wrapper .card-phone-frame{position:absolute;bottom:0;left:0}.drive-modal .breeno-card:first-of-type .card-phone-wrapper{height:4.46rem}.drive-modal .breeno-card:nth-of-type(2) .card-phone-wrapper,.drive-modal .breeno-card:nth-of-type(3) .card-phone-wrapper{width:4.2rem;height:5.6rem}.drive-modal .breeno-card:nth-of-type(4) .card-phone-wrapper{width:4.2rem;height:4.08rem}.videomask{opacity:.9;z-index:999994!important}.videopop{z-index:999999!important}